<!--
 * @Author: Ryanuo
 * @Date: 2022-07-10 11:52:42
 * @LastEditors: ryanuo
 * @Github: https://github.com/ryanuo
 * @LastEditTime: 2022-07-29 20:38:21
 * @FilePath: \dev\src\views\svg\sortView.vue
-->
<template>
  <div @click="ishow = !ishow">
    <el-tooltip class="item" effect="dark" :content="ishow ? '切换时间升序排列' : '切换时间降序排列'" placement="top-start">
      <svg v-if="!ishow" t="1657425866085" class="icon" viewBox="0 0 1024 1024" version="1.1"
        xmlns="http://www.w3.org/2000/svg" p-id="1174" width="26" height="26">
        <path
          d="M512.7552 297.6512L414.549333 396.484267l-0.1408 0.1408c-16.712533 16.669867-43.7888 29.422933-60.48 12.693333-16.7808-16.8192-16.797867-35.498667-0.0384-52.305067l129.220267-129.536 0.119467-0.1152c16.465067-16.384 43.106133-16.298667 59.502933 0.187734l128.955733 129.591466c16.763733 16.853333 16.759467 35.5328-0.0128 52.343467l-0.1408 0.1408c-16.746667 16.631467-43.822933 3.7248-60.475733-13.0432l-98.304-98.9312zM512.7552 732.040533L414.549333 633.216l-0.1408-0.1408c-16.712533-16.674133-43.7888-29.4272-60.48-12.6976-16.7808 16.8192-16.797867 35.498667-0.0384 52.305067l129.220267 129.536 0.119467 0.119466c16.465067 16.375467 43.106133 16.2944 59.502933-0.192l128.955733-129.591466c16.763733-16.849067 16.759467-35.5328-0.0128-52.3392a42.8032 42.8032 0 0 0-0.1408-0.1408c-16.746667-16.635733-43.822933-3.7248-60.475733 13.0432l-98.304 98.926933z"
          p-id="1175"></path>
      </svg>
      <svg v-else t="1657425907050" class="icon" viewBox="0 0 1024 1024" version="1.1"
        xmlns="http://www.w3.org/2000/svg" p-id="3784" width="26" height="26">
        <path
          d="M512.836267 343.773867l98.205866-98.8288 0.1408-0.1408c16.708267-16.674133 43.7888-25.160533 60.475734-8.430934 16.7808 16.8192 16.797867 31.232 0.042666 48.0384l-129.224533 129.536a41.941333 41.941333 0 0 1-0.1152 0.119467c-16.469333 16.375467-43.106133 16.2944-59.502933-0.192L353.902933 284.288c-16.763733-16.849067-16.759467-31.266133 0.008534-48.072533l0.1408-0.1408c16.750933-16.635733 43.8272-7.991467 60.48 8.776533l98.304 98.926933zM512.836267 677.384533l98.205866 98.833067 0.1408 0.1408c16.708267 16.669867 43.7888 25.156267 60.475734 8.426667 16.7808-16.8192 16.797867-31.232 0.042666-48.0384l-129.224533-129.536a41.962667 41.962667 0 0 0-0.1152-0.1152c-16.469333-16.384-43.106133-16.298667-59.502933 0.187733l-128.955734 129.591467c-16.763733 16.853333-16.759467 31.266133 0.008534 48.0768l0.1408 0.1408c16.750933 16.631467 43.8272 7.991467 60.48-8.776534l98.304-98.9312z"
          p-id="3785"></path>
      </svg>
    </el-tooltip>
  </div>
</template>

<script>
export default {
  data() {
    return {
      ishow: true
    }
  }
}
</script>

<style lang="less" scoped>
</style>
